<template>
    <div>
      <!-- element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog，即点击空白处弹框可关闭。 -->
      <!-- :visible.sync 子组键改变父组件的值 控制子组件的显示-->
      <el-dialog title="测试" :visible.sync="show" :close-on-click-modal="false">
      {{message2}}
      <el-button @click="childChangePraent">子组件修改父组件的值</el-button>
      </el-dialog>
    </div>
</template>

<script>
    export default {
        props:["message2","show"],//获取父组件对应的变量值
        name: "child",
      data(){
          return {

          }
      },
        methods:{
          childChangePraent:function () {
            alert('ttt');
            this.$emit('childFn','childChange');//调用vue对象提供emit方法将 参数2通过 父组件自定义的childFn属性 传递过去，同步调用父组件的方法，子组件传递一个值作为父组件对应方法的参数
            this.$emit('closeChild',false)
          }
        }
    }
</script>

<style scoped>

</style>
